* {
  margin: 0;
  padding: 0;
}

body {
  height: 3000px;
  // background-color: antiquewhite;
  // margin: auto;
}

.top {
  width: 1519px;
  height: 80px;
  background-color: black;
  margin: auto;
}

.top {
  >.center {
    width: 1367px;
    height: 80px;
    margin: auto;
    // vertical-align: middle;
    line-height: 80px;
  }
}

.center {
  >img {
    float: left;
  }
}

.center {
  >ul {
    float: right;
  }
}

.center {
  >ul {
    width: 458px;
    display: flex;
    justify-content: space-between;
    // justify-content: center;

    >li {
      width: 80px;
      list-style: none;
      justify-content: center;
    }

    a {
      list-style: none;
      text-decoration: none;
      color: white;
    }
  }
}

.center {
  >ul {
    >.dl {
      width: 30px;
      height: 30px;
      background: url(../imgs/10068.png) -96px -85px;
      margin-top: 27px;

      &:hover {
        width: 30px;
        height: 30px;
        background: url(../imgs/10068.png) -136px -66px;
      }
    }

    >.hd {
      width: 30px;
      height: 30px;
      background: url(../imgs/10068.png) -168px -97px;
      margin-top: 25px;
    }

    >.ck {
      width: 30px;
      height: 30px;
      background: url(../imgs/10068.png) -95px -54px;
      margin-top: 25px;

      &:hover {
        width: 30px;
        height: 30px;
        background: url(../imgs/10068.png) -135px -33px;
      }
    }

    >.fdj {
      width: 30px;
      height: 30px;
      background: url(../imgs/10068.png) -136px -161px;
      margin-top: 25px;

      &:hover {
        width: 30px;
        height: 30px;
        background: url(../imgs/10068.png) -135px -1px;
      }
    }

    >.wh {
      width: 30px;
      height: 30px;
      background: url(../imgs/10068.png) -169px -162px;
      margin-top: 25px;

      &:hover {
        width: 30px;
        height: 30px;
        background: url(../imgs/10068.png) -167px -1px;
      }
    }
  }
}

// 二级菜单
.nav {
  width: 1519px;
  height: 50px;
  margin: auto;
  background-color: #464646;

  >.box {
    width: 1519px;
    height: 130px;
    background-color: #fff;
    display: flex;
    justify-content: center;
    position: absolute;
    z-index: 66;
    // border: 1px solid red;
    display: none;

    >div {
      text-align: center;

      >P {
        margin-top: -40px;
      }
    }
  }

  >.two {
    width: 1519px;
    height: 130px;
    background-color: #fff;
    display: flex;
    justify-content: center;
    display: none;

    >div {
      text-align: center;

      >P {
        margin-top: -30px;
      }
    }
  }

  >.three {
    width: 665px;
    height: 280px;
    background-color: #fff;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    padding: 0 450px;
    // box-sizing: border-box;
    // justify-content: space-between;
    display: none;

    >div {
      text-align: center;

      >img {
        width: 130px;
        height: 130px;
      }

      >P {
        margin-top: -40px;
      }
    }
  }

  >.four {
    width: 665px;
    height: 280px;
    background-color: #fff;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    padding: 0 450px;
    // box-sizing: border-box;
    // justify-content: space-between;
    display: none;

    >div {
      text-align: center;

      >img {
        width: 130px;
        height: 130px;
      }

      >P {
        margin-top: -40px;
      }
    }
  }

  >.five {
    width: 1519px;
    height: 130px;
    background-color: #fff;
    display: flex;
    justify-content: center;
    display: none;

    >div {
      text-align: center;

      >P {
        margin-top: -30px;
      }
    }
  }

  >.six {
    width: 665px;
    height: 130px;
    background-color: #fff;
    margin: auto;
    display: flex;
    // flex-wrap: wrap;
    padding: 0 450px;
    // box-sizing: border-box;
    // justify-content: space-between;
    display: none;

    >div {
      text-align: center;

      >img {
        width: 130px;
        height: 130px;
      }

      >P {
        margin-top: -40px;

        &:hover {
          text-decoration: underline;
          color: #999;
        }
      }
    }
  }

  >ul {
    width: 900px;
    height: 50px;
    // background-color: yellow;
    display: flex;
    justify-content: space-between;
    margin: auto;

    >li {
      line-height: 50px;
      list-style: none;

      &:hover {
        text-decoration: underline;
      }

      >a {
        color: white;
        text-decoration: none;
      }
    }
  }
}

// .nav ul li:hover {
//   text-decoration: underline;
// }

.gg {
  width: 1519px;
  height: 58px;

  >p {
    width: 1200px;
    height: 28px;
    margin: auto;
    font-size: 13px;
    text-align: center;
  }
}